<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
	xmlns:mywidgets="http://xmlns.jcp.org/jsf/composite/widgets">

<ui:composition template="/templates/photoTemplate.xhtml">
	
	<ui:define name="title">
		#{i18N.getTrans('Administration')}	
	</ui:define>

	<ui:define name="body">	
	
		<h1>#{i18N.getTrans('Administration')}</h1>

		<div class="adminSection">
			<div class="adminTitle">Reservations</div>
			<div class="adminContent">

				<h:button value="View all Reservations" outcome="reservations">
				</h:button>
				<p class="betweenSections" />
				Having N new reservations. Having N accepted reservations. Having N
				confirmed reservations.

			</div>
		</div>

		<p class="betweenSections" />

		<div class="adminSection">
			<div class="adminTitle">Text &amp; Translations</div>
			<div class="adminContent">

				<h:button value="Text units and Translations" outcome="text">
				</h:button>
				<h:button value="Locales" outcome="locale">
				</h:button>
				<p class="betweenSections" />

				Having N text units without translations.

			</div>
		</div>

		<p class="betweenSections" />

		<div class="adminSection">
			<div class="adminTitle">Media Content</div>
			<div class="adminContent">
				<h:button value="Albums" outcome="album"/>

			</div>
		</div>


		<p class="betweenSections" />

		<div class="adminSection">
			<div class="adminTitle">Initial Setup</div>

			<span class="adminContent"> <span id="divCountryReload">
					<h:panelGroup rendered="#{adminController.systemInitialized}">
						<button id="btnCountryReload"
							onclick="javascript:initSystem(this);" disabled="disabled">Initalize
							System</button>
					</h:panelGroup> <h:panelGroup rendered="#{not adminController.systemInitialized}">
						<button id="btnCountryReload"
							onclick="javascript:initSystem(this);">Initalize System</button>
					</h:panelGroup>
			</span>
			</span> <span id="initLogOutput"> <h:panelGroup
					rendered="#{adminController.systemInitialized}">
						System is already initialized.
				</h:panelGroup>
			</span>
		</div>

		<h:outputScript name="js/admin.js" />

	</ui:define>
</ui:composition>
</html>
